﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.3睡眠统计</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_3睡眠统计/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/2_3睡眠统计/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u314" class="ax_default box_1">
        <div id="u314_div" class=""></div>
        <div id="u314_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u315" class="ax_default icon">
        <img id="u315_img" class="img " src="images/1_1轻松唤醒/u29.svg"/>
        <div id="u315_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u316" class="ax_default icon">
        <img id="u316_img" class="img " src="images/1_1轻松唤醒/u30.svg"/>
        <div id="u316_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u317" class="ax_default ellipse">
        <img id="u317_img" class="img " src="images/1_1轻松唤醒/u31.svg"/>
        <div id="u317_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u318" class="ax_default box_2">
        <div id="u318_div" class=""></div>
        <div id="u318_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u319" class="ax_default _文本段落">
        <div id="u319_div" class=""></div>
        <div id="u319_text" class="text ">
          <p><span style="text-decoration:none;">闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default _文本段落">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span style="text-decoration:none;">设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u321" class="ax_default _文本段落">
        <div id="u321_div" class=""></div>
        <div id="u321_text" class="text ">
          <p><span style="text-decoration:underline ;">睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u322" class="ax_default ellipse">
        <img id="u322_img" class="img " src="images/2_3睡眠统计/u322.svg"/>
        <div id="u322_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u323" class="ax_default ellipse">
        <img id="u323_img" class="img " src="images/1_1轻松唤醒/u54.svg"/>
        <div id="u323_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u324" class="ax_default ellipse">
        <img id="u324_img" class="img " src="images/2_3睡眠统计/u324.svg"/>
        <div id="u324_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u325" class="ax_default _文本段落">
        <div id="u325_div" class=""></div>
        <div id="u325_text" class="text ">
          <p><span style="text-decoration:none;">11 : 30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u326" class="ax_default _文本段落">
        <div id="u326_div" class=""></div>
        <div id="u326_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default flow_shape">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u328" class="ax_default flow_shape">
        <div id="u328_div" class=""></div>
        <div id="u328_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u329" class="ax_default _文本段落">
        <div id="u329_div" class=""></div>
        <div id="u329_text" class="text ">
          <p><span style="text-decoration:none;">天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u330" class="ax_default _文本段落">
        <div id="u330_div" class=""></div>
        <div id="u330_text" class="text ">
          <p><span style="text-decoration:none;">周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u331" class="ax_default _文本段落">
        <div id="u331_div" class=""></div>
        <div id="u331_text" class="text ">
          <p><span style="text-decoration:none;">月</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u332" class="ax_default" data-left="139" data-top="161" data-width="246" data-height="146">

        <!-- Unnamed (矩形) -->
        <div id="u333" class="ax_default _三级标题">
          <div id="u333_div" class=""></div>
          <div id="u333_text" class="text ">
            <p><span style="text-decoration:none;">睡眠质量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u334" class="ax_default _文本段落">
          <div id="u334_div" class=""></div>
          <div id="u334_text" class="text ">
            <p><span style="text-decoration:none;">100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u335" class="ax_default _文本段落">
          <div id="u335_div" class=""></div>
          <div id="u335_text" class="text ">
            <p><span style="text-decoration:none;">80%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u336" class="ax_default _文本段落">
          <div id="u336_div" class=""></div>
          <div id="u336_text" class="text ">
            <p><span style="text-decoration:none;">60%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u337" class="ax_default _文本段落">
          <div id="u337_div" class=""></div>
          <div id="u337_text" class="text ">
            <p><span style="text-decoration:none;">40%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u338" class="ax_default _文本段落">
          <div id="u338_div" class=""></div>
          <div id="u338_text" class="text ">
            <p><span style="text-decoration:none;">10/17</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u339" class="ax_default _文本段落">
          <div id="u339_div" class=""></div>
          <div id="u339_text" class="text ">
            <p><span style="text-decoration:none;">10/24</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u340" class="ax_default _文本段落">
          <div id="u340_div" class=""></div>
          <div id="u340_text" class="text ">
            <p><span style="text-decoration:none;">10/31</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u341" class="ax_default _文本段落">
          <div id="u341_div" class=""></div>
          <div id="u341_text" class="text ">
            <p><span style="text-decoration:none;">11/7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u342" class="ax_default _文本段落">
          <div id="u342_div" class=""></div>
          <div id="u342_text" class="text ">
            <p><span style="text-decoration:none;">11/14</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u343" class="ax_default flow_shape">
          <img id="u343_img" class="img " src="images/2_3睡眠统计/u343.svg"/>
          <div id="u343_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u344" class="ax_default flow_shape">
          <img id="u344_img" class="img " src="images/2_3睡眠统计/u344.svg"/>
          <div id="u344_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u345" class="ax_default flow_shape">
          <img id="u345_img" class="img " src="images/2_3睡眠统计/u345.svg"/>
          <div id="u345_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u346" class="ax_default flow_shape">
          <img id="u346_img" class="img " src="images/2_3睡眠统计/u346.svg"/>
          <div id="u346_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u347" class="ax_default flow_shape">
          <img id="u347_img" class="img " src="images/2_3睡眠统计/u347.svg"/>
          <div id="u347_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u348" class="ax_default _文本段落">
        <div id="u348_div" class=""></div>
        <div id="u348_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u349" class="ax_default _文本段落">
        <div id="u349_div" class=""></div>
        <div id="u349_text" class="text ">
          <p><span style="text-decoration:none;">10/17</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u350" class="ax_default _文本段落">
        <div id="u350_div" class=""></div>
        <div id="u350_text" class="text ">
          <p><span style="text-decoration:none;">10/24</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u351" class="ax_default _文本段落">
        <div id="u351_div" class=""></div>
        <div id="u351_text" class="text ">
          <p><span style="text-decoration:none;">10/31</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u352" class="ax_default _文本段落">
        <div id="u352_div" class=""></div>
        <div id="u352_text" class="text ">
          <p><span style="text-decoration:none;">11/7</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u353" class="ax_default _文本段落">
        <div id="u353_div" class=""></div>
        <div id="u353_text" class="text ">
          <p><span style="text-decoration:none;">11/14</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u354" class="ax_default flow_shape">
        <img id="u354_img" class="img " src="images/2_3睡眠统计/u343.svg"/>
        <div id="u354_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u355" class="ax_default flow_shape">
        <img id="u355_img" class="img " src="images/2_3睡眠统计/u344.svg"/>
        <div id="u355_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u356" class="ax_default flow_shape">
        <img id="u356_img" class="img " src="images/2_3睡眠统计/u345.svg"/>
        <div id="u356_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u357" class="ax_default flow_shape">
        <img id="u357_img" class="img " src="images/2_3睡眠统计/u346.svg"/>
        <div id="u357_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u358" class="ax_default flow_shape">
        <img id="u358_img" class="img " src="images/2_3睡眠统计/u347.svg"/>
        <div id="u358_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u359" class="ax_default _三级标题">
        <div id="u359_div" class=""></div>
        <div id="u359_text" class="text ">
          <p><span style="text-decoration:none;">睡眠-睡眠统计</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u360" class="ax_default _三级标题">
        <div id="u360_div" class=""></div>
        <div id="u360_text" class="text ">
          <p><span style="text-decoration:none;">睡眠时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u361" class="ax_default _文本段落">
        <div id="u361_div" class=""></div>
        <div id="u361_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">10</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u362" class="ax_default _文本段落">
        <div id="u362_div" class=""></div>
        <div id="u362_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">9</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u363" class="ax_default _文本段落">
        <div id="u363_div" class=""></div>
        <div id="u363_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">8</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u364" class="ax_default _文本段落">
        <div id="u364_div" class=""></div>
        <div id="u364_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">7</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u365" class="ax_default _文本段落">
        <div id="u365_div" class=""></div>
        <div id="u365_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">6</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u366" class="ax_default _文本段落">
        <div id="u366_div" class=""></div>
        <div id="u366_text" class="text ">
          <p><span style="text-decoration:none;">Maho</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u367" class="ax_default _文本段落">
        <div id="u367_div" class=""></div>
        <div id="u367_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';text-decoration:none;">1. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">【睡眠-睡眠统计】将数据可视化，上方tab栏可以选择“天、周、月”的睡眠数据统计</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">2. 当前选择为“周”，用户可以看到近五个星期睡眠情况可视化图表，以及每周的整体睡眠情况</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">3. 模块将分为“睡眠质量”、“睡眠时间”、“规律性”、“入睡时间”、“醒来时间”、“深度睡眠”</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">4. 可以上下滑动页面浏览更多数据</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
